<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>注册</title>
		<link rel="stylesheet" href="../layui/css/layui.css">
		<link rel="stylesheet" href="../css/public.css">
	</head>
	<body>

		<div class="log_rig_box">
			<ul>
				<li>欢迎注册</li>
				<li>欢迎注册大赛报名系统</li>
				<li onclick="quit()"><i class="layui-icon layui-icon-close"></i></li>
			</ul>
			<form action="" method="post">
				<div class="form-item">
					<label for="account">账号手机号</label>
					<input type="text" name="account" id="account" value="" placeholder="请输入账号手机号" />
				</div>

				<div class="form-item vcode">
					<label for="vcode">验证码</label>
					<div>
						<input type="text" name="vcode" id="vcode" value="" placeholder="请输入验证码" />
						<input type="button" name="vcode" id="vcode" value="发送验证码" />
					</div>

				</div>
				<div class="form-item">
					<label for="password">密码</label>
					<input type="password" name="password" id="password" value="" placeholder="请输入密码" />
				</div>

				<input type="submit" value="登录" />
			</form>

		</div>

		<script src="../layui/layui.js"></script>
		<script>
			//一般直接写在一个js文件中
			layui.use(['layer', 'form'], function() {
				var layer = layui.layer,
					form = layui.form;
			});

			function quit() {
				var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
				parent.layer.close(index);
			}
		</script>
	</body>
</html>
